@(show: String)

@main("USA Dream - образование в США") {

@mainContainer(""){
@header("programs")
}

@mainContainer(""){
<span class="label">Программы:</span>
<input class="select-button" name="select" id="program" type="button" value="ВСЕ"/>
<input class="select-button" name="select" id="undergrad" type="button" value="Школьникам"/>
<input class="select-button" name="select" id="student" type="button" value="Студентам"/>
<input class="select-button" name="select" id="pro" type="button" value="Специалистам"/>

<label id="show" value="@show"/>

<script>


    $("input[name='select']").click(function(){
                var id = ($(this).attr("id"));
                displayPrograms(id);
                $("input[name='select']").each(function(){
                    $(this).css("background-color","#4B585E");
                })
                $(this).css("background-color","#FD4454");
            }
    );

    function displayPrograms(show){
        $("div").each(function(){
                if($(this).hasClass("program")){
                    if ($(this).hasClass(show)) {$(this).show('fast');} else {$(this).hide('fast');};
                }
            })
    }

    $(document).ready(function(){
        var show = $("label[id='show']").attr("value");
        displayPrograms(show);
        $("input[id="+show+"]").css("background-color","#FD4454");
    })
</script>

}

@mainContainer(""){

@program("undergrad student", "English as a Second language", "esl.jpg"){
<p>Descriptio2n descrip2tion descripti2on desc2ription description description description description description</p>
}

@program("pro", "Internships", "inernship.jpg"){
<p>Description description description description description description description description description </p>
}

@program("undergrad", "Undergrad schools", "undergrad.jpg"){
<p>Description description description description description description description description description </p>
}

@program("student", "High Education", "high.jpg"){
<p>Description description description description description description description description description </p>
}

}

@footer()


}